<nav th:fragment="nav">
	<a class="close"></a>
	<div class="container">
		<div class="row align-items-center justify-content-between">
			<div class="col-xl-2 animatable">
				<a href="index.html" class="logo">
					<img src="/images/logo.png" style="height: 33px;" />
				</a>
			</div>
			<div class="col-xl-7 d-xl-flex justify-content-center align-items-center links animatable" data-delay="150">
				<div class='t-m-m'><a href="index-2.html" class="active">首页</a></div>
				<div><a href="product.html">功能</a></div>
				<div><a href="service.html">服务</a></div>
				<div class='nav-select-con'>
                        <span id='versin-select'>价格版本
                        <ul class='nav-select'>
                            <li><a id='hover-font' href='version1.html'>B/S架构版</a></li>
                            <li><a id='hover-font' href='version2.html'>C/S架构版</a></li>
                        </ul>
                        </span>
				</div>
				<div><a href="partner.html">渠道代理</a></div>
				<div style='color:#fff;text-align: right;margin-right: -70px;'>133-6464-7731</div>
			</div>
			<div class="col-xl-3 d-flex justify-content-xl-end align-items-center socials animatable" data-delay="300">
				<div class='nav-btn'>
					<a href="register.html" style='color:#fff;'>注册</a>
				</div>
				<div class='nav-btn login-btn'>
					<a href='http://81.70.183.212:8080' style='color:#fff'>登录</a>
				</div>
			</div>
		</div>
	</div>
</nav>

<div th:fragment="bottomRight">
	<!-- Section Footer Contacts -->
	<section class="section_footer_contacts">
		<div class="container">
			<div class="row align-items-center align-items-lg-stretch justify-content-between">
				<div class="col-md-6 left">
					<div class="text animatable">
						专注管理效率，马上开始注册使用
					</div>
					<div onclick="window.location.href='register.html'" id='zc_btn' class="btn animated animatable" data-delay="100" data-agl-cvt="5">立即注册</div>
				</div>
				<div class="col-md-5 right">
					<div class="row">
						<div class="col-lg-6 col-md-12 col-sm-6 block">
							<div class="title animatable" data-delay="200">扫码咨询</div>
							<div class="text animatable" data-delay="300" style='margin-left: -16px'>
								<img src='images/weixin.png' style='width:100px;height:100px;' />
							</div>
						</div>
						<div class="col-lg-6 col-md-12 col-sm-6 block">
							<div class="title animatable" data-delay="400">联系我们</div>
							<div class="text animatable" data-delay="500" style='line-height: 25px'>
								<div>133-6464-7731（全国）</div>
								<!-- <div>400-1898-016（上海）</div> -->
								<div>sykj1112@126.com</div>
								<div>长春南湖假日1999号1905室</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>

	<!-- Footer -->
	<footer>
		<div class="container">
			<div class="row align-items-center">
				<div class="col-lg-3 text-center text-lg-left animatable">
					<a href="index.html" class="logo">
						<!-- <img src="https://public.feeclouds.com/homepage/imgs/logo.svg" class="img-fluid" /> -->
						<img src="images/logo.png" width=50% />
					</a>
				</div>
				<div class="col-lg-6 d-flex flex-wrap justify-content-center links animatable" data-delay="150">
					<!-- <a href="./" class="active">Home</a> -->
					<a href="product.html">产品功能</a>
					<a href="partner.html">渠道代理</a>
					<a href="business.html">商务合作</a>
					<a href="company.html">关于我们</a>
				</div>
				<div class="col-lg-3 text-center text-lg-right copyright animatable" data-delay="300">
					<a style='color:#C3C3C3' target="_blank" href="https://beian.miit.gov.cn/">
						京ICP备xxxxxxxx号
					</a>
					<p style='line-height: 30px;margin-bottom: 0;'>
						<a style='color:#C3C3C3'  href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=xxxxxxxx">
							<img src="images/batb.png" />
							<span>京公网安备 xxxxxxxx号</span>
						</a>
					</p>
				</div>
			</div>
		</div>
	</footer>
	<div class='right-fixed-menu'>
		<ul>
			<li class='fixed-item'>
				<img src="images/ico_dhzx.svg" />
				<p>电话咨询</p>
				<div class='hide-fixed1'>
					<p>免费咨询获取详细方案</p>
					<div>133-6464-7731</div>
				</div>
			<li class='fixed-item'>
				<img src="images/ico_smgz.svg" />
				<p>扫码关注</p>
				<div class='hide-fixed2'>
				</div>
			</li>
		</ul>
	</div>
	<div class='fixed-footer'>
		<div class='fixed-content'>
			<div class='fixed-footer-left'>
				<img src="images/ico_d_logo%403x.png" />
				<div>搭建业务与财务的桥梁</div>
			</div>
			<div class='fixed-footer-right'>
				<p>立即注册，即可免费试用晟友科技发票管理系统</p>
				<div onclick="window.location.href='register.html'">立即注册</div>
			</div>
		</div>
		<img onclick="closeFixed()" id='close_footer' src="images/ico_gb%403x.png" />
	</div>

	<!-- Slick Slider -->
	<script src="js/slick.min.js"></script>
	<!-- All custom scripts (uncomment .min if you want) -->
	<script src="js/scripts.js"></script>
	<!-- <script src="js/scripts.min.js"></script> -->
	<script src='../public.feeclouds.com/homepage/js/login.js'></script>
	<script>
		function closeFixed(){
			document.getElementsByClassName('fixed-footer')[0].style.display = 'none';
		}
		let id = window.location.href.split('? ');
		if(id.length>1){
			$('.section-nav-btn ').removeClass('active-nav-btn ');
			$('# '+id[1]).addClass('active-nav-btn ');
			$('.hide-con ').hide();
			$('. '+id[1]+'-section ').show()
		}
		$('.nav-con ').on('click ','div ',function(e){
			$('.hide-con ').hide();
			$('.section-nav-btn ').removeClass('active-nav-btn ');
			$(e.target).addClass('active-nav-btn ');
			if(e.target.id =="check"){
				$('.check-section ').show()
			}else if(e.target.id == "invoice"){
				$('.invoice-section ').show()
			}else if(e.target.id == "deduction"){
				$('.deduction-section ').show()
			}else if(e.target.id == "safe"){
				$('.safe-section ').show()
			}else if(e.target.id == "multiport"){
				$('.multiport-section ').show()
			}
		})
	</script>
</div>

<div th:fragment="bottom">
	<!-- Footer -->
	<footer>
		<div class="container">
			<div class="row align-items-center">
				<div class="col-lg-3 text-center text-lg-left animatable">
					<a href="index.html" class="logo">
						<!-- <img src="https://public.feeclouds.com/homepage/imgs/logo.svg" class="img-fluid" /> -->
						<img src="images/logo.png" width=50% />
					</a>
				</div>
				<div class="col-lg-6 d-flex flex-wrap justify-content-center links animatable" data-delay="150">
					<!-- <a href="./" class="active">Home</a> -->
					<a href="product.html">产品功能</a>
					<a href="partner.html">渠道代理</a>
					<a href="business.html">商务合作</a>
					<a href="company.html">关于我们</a>
				</div>
				<div  class="col-lg-3 text-center text-lg-right copyright animatable" data-delay="300">
					<a style='color:#C3C3C3' target="_blank" href="https://beian.miit.gov.cn/">
						京ICP备17021183号-3
					</a>
					<p style='line-height: 30px;margin-bottom: 0;'>
						<a style='color:#C3C3C3' target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802030234">
							<img src="images/batb.png"/>
							<span>京公网安备 11010802030234号</span>
						</a>
					</p>
				</div>
			</div>
		</div>
	</footer>
	<div class="ant-modal" >
		<div id="bg">
		</div>
		<div class="window">
			<svg id="close" width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
				<g id="页面1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
					<g id="画板" transform="translate(-2063.000000, -98.000000)" fill="#FFFFFF">
						<g id="ico_web_gb" transform="translate(2063.000000, 98.000000)">
							<path d="M11.9883512,12.8868293 L15.5968098,16.4952878 C15.7166049,16.6152293 15.8748585,16.674 16.0332,16.674 C16.2846146,16.6771902 16.5128195,16.5269561 16.6091707,16.2946537 C16.7054634,16.062322 16.6506732,15.7946927 16.4707317,15.6189659 L12.8622732,12.0129073 L16.4707317,8.40444878 C16.7016878,8.16102439 16.6966537,7.77790244 16.4591707,7.5408 C16.2217171,7.30366829 15.8385951,7.29910244 15.5955512,7.53049756 L11.9883512,11.1389561 L8.37977561,7.53049756 C8.13646829,7.29945366 7.75334634,7.30457561 7.5162439,7.54205854 C7.2791122,7.77939512 7.27454634,8.16263415 7.50582439,8.40559024 L11.1131415,12.0117659 L7.50468293,15.6202244 C7.26298537,15.8618049 7.26298537,16.2537073 7.50468293,16.4952878 C7.74638049,16.7369854 8.13819512,16.7369854 8.37977561,16.4952878 L11.9883512,12.8868293 Z M11.9883512,23.9999707 C5.37919024,23.9999707 0,18.6208976 0,12.0117659 C0,5.40260488 5.37919024,0.0234146341 11.9883512,0.0234146341 C18.5974829,0.0234146341 23.9765561,5.40134634 23.9765561,12.0117659 C23.9765561,18.622039 18.5974829,23.9999707 11.9883512,23.9999707 Z M1.236,12.0117659 C1.236,17.9399415 6.06014634,22.7628293 11.9883512,22.7628293 C17.9165268,22.7628293 22.7405561,17.9399415 22.7405561,12.0105073 C22.7405561,6.08230244 17.9165268,1.25941463 11.9883512,1.25941463 C6.06014634,1.25941463 1.236,6.08230244 1.236,12.0105073 L1.236,12.0117659 Z" id="Fill-1"></path>
						</g>
					</g>
				</g>
			</svg>
		</div>
	</div>

	<!-- Slick Slider -->
	<script src="js/slick.min.js"></script>
	<!-- All custom scripts (uncomment .min if you want) -->
	<script src="js/scripts.js"></script>
	<!-- <script src="js/scripts.min.js"></script> -->
	<script src='js/partner.js'></script>
	<script>

		var swiper = new Swiper('.swiper-container', {
			slidesPerView: 3,
			spaceBetween: 10,
			freeMode: true,
			pagination: {
				el: '.swiper-pagination',
				clickable: true,
			},
		});

		$().ready(function () {


// 在键盘按下并释放及提交后验证提交表单
			$("#signupForm").validate({
				rules: {
					contact: {
						required: true,
						minlength: 2
					},
					telephone: {
						required: true,
						maxlength: 11,
					},
				},
				messages: {
					contact: "请输入您的名字",
					telephone: {
						required: "请输入您的手机号码",
						maxlength: '请输入正确的手机号码'
					},
					// coop: "请接受我们的声明",
				},
				submitHandler: function (form) { //通过之后回调
					$.ajax({
						url: "https://www.feeclouds.com/ajax/yy/dealer/email",
						type: "POST",
						dataType: "json",
						data: {
							"contact": $("#contact").val(),
							"telephone": $("#telephone").val(),
						},
						success: function (result) {
							if (!result.code == 0 || "") {
								alert("信息格式错误，请输入正确的信息");
								return;
							} else {
								alert("发送成功");
							}
						}
					});
				},
				invalidHandler: function (form, validator) { return false; }
			});
		});
		(function(a,h,c,b,f,g){a["UdeskApiObject"]=f;a[f]=a[f]||function(){(a[f].d=a[f].d||[]).push(arguments)};g=h.createElement(c);g.async=1;g.charset="utf-8";g.src=b;c=h.getElementsByTagName(c)[0];c.parentNode.insertBefore(g,c)})(window,document,"script","../assets-cli.udesk.cn/im_client/js/udeskApi.js","ud");
		ud({
			"code": "48g6j5a",
			"link": "https://baoxiao.udesk.cn/im_client/?web_plugin_id=38474",
			'selector': '#window-modal',
			'noBubble':true,
			'css':{display:'none'},
			"pop": {
				'css':{display:'none'}
			},
			'mobile':{
				'css':{width:'70vw'}
			}
		});
	</script>
	<script>
		let id = window.location.href.split('?');
		if (id.length > 1) {
			$('.section-nav-btn').removeClass('active-nav-btn');
			$('#' + id[1]).addClass('active-nav-btn');
			$('.hide-con').hide();
			$('.' + id[1] + '-section').show()
		}
	</script>
	<script>

		var _hmt = _hmt || [];
		(function() {
			var hm = document.createElement("script");
			hm.src = "../hm.baidu.com/hm4692.js?47a217fb9d337dd620d6516263625d9e";
			var s = document.getElementsByTagName("script")[0];
			s.parentNode.insertBefore(hm, s);
		})();
	</script>
</div>

<div th:fragment="bottom1">
	            <footer>
	                <div class="center">
	                    <a href="./index.html" class="footer-logo">
	                        <!-- <img src="https://public.feeclouds.com/homepage/imgs/logo.svg" class="img-fluid" /> -->
	                        <img src="images/logo.png" width=50% />
	                    </a>
	                    <div class="footer-nav">
	                        <a href="product.html">产品功能</a>
	                        <a href="version1.html">使用帮助</a>
	                        <a href="business.html">商务合作</a>
	                        <a href="company.html">关于我们</a>
	                    </div>
	                    <div class='footer-right'>
	                        <a style='color:#C3C3C3' target="_blank" href="https://beian.miit.gov.cn">
	                    京ICP备xxxxxxxx号
	                </a>
	                        <p style='line-height: 30px;margin-bottom: 0;'>
	                            <a style='color:#C3C3C3' target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=xxxxxxxx">
	                                <img src="./images/batb.png"/>
	                                <span>京公网安备 xxxxxxxx号</span>
	                            </a>
	                        </p>
	                    </div>
	                </div>
	            </footer>
</div>

<div  th:fragment="successCase">
	<div class="container">
		<div class="row justify-content-between">
			<div class="col-xl-6 animatable">
				<h2 class="text-center text-xl-left">成功案例</h2>
			</div>
			<div class="col-xl-5 text-center text-xl-left right">
				<div class="subtitle animatable" data-delay="100"><b>上市公司/国有单位/名企央企的共同选择</b></div>
				<div class="text animatable" data-delay="200">服务源自专业，客户给予好评，品牌值得信赖</div>
			</div>
		</div>
		<div class="row justify-content-center justify-content-xl-between align-items-center logos">
			<div class="col-2 text-center text-xl-left animatable">
				<a href="javascript:void(0)"><img src="images/case1.png" srcset="images/case1.png 2x" alt="企业单位" class="img-fluid" /></a>
			</div>
			<div class="col-2 text-center animatable" data-delay="100">
				<a href="javascript:void(0)"><img src="images/case2.png" srcset="images/case1.png 2x" alt="政府机关" class="img-fluid" /></a>
			</div>
			<div class="col-2 text-center animatable" data-delay="200">
				<a href="javascript:void(0)"><img src="images/case1.png" srcset="images/case1.png 2x" alt="企业单位" class="img-fluid" /></a>
			</div>
			<div class="col-2 text-center animatable" data-delay="300">
				<a href="javascript:void(0)"><img src="images/case2.png" srcset="images/case1.png 2x" alt="政府机关" class="img-fluid" /></a>
			</div>
			<div class="col-2 text-center animatable" data-delay="200">
				<a href="javascript:void(0)"><img src="images/case1.png" srcset="images/case1.png 2x" alt="企业单位" class="img-fluid" /></a>
			</div>
			<div class="col-2 text-center animatable" data-delay="300">
				<a href="javascript:void(0)"><img src="images/case2.png" srcset="images/case1.png 2x" alt="政府机关" class="img-fluid" /></a>
			</div>
		</div>
		<div style='margin-top:50px;' class="row justify-content-center justify-content-xl-between align-items-center logos">
			<div class="col-2 text-center text-xl-left animatable">
				<a href="javascript:void(0)"><img src="images/case1.png" srcset="images/case1.png 2x" alt="企业单位" class="img-fluid" /></a>
			</div>
			<div class="col-2 text-center animatable" data-delay="100">
				<a href="javascript:void(0)"><img src="images/case2.png" srcset="images/case1.png 2x" alt="政府机关" class="img-fluid" /></a>
			</div>
			<div class="col-2 text-center animatable" data-delay="200">
				<a href="javascript:void(0)"><img src="images/case1.png" srcset="images/case1.png 2x" alt="企业单位" class="img-fluid" /></a>
			</div>
			<div class="col-2 text-center animatable" data-delay="300">
				<a href="javascript:void(0)"><img src="images/case2.png" srcset="images/case1.png 2x" alt="政府机关" class="img-fluid" /></a>
			</div>
			<div class="col-2 text-center animatable" data-delay="200">
				<a href="javascript:void(0)"><img src="images/case1.png" srcset="images/case1.png 2x" alt="企业单位" class="img-fluid" /></a>
			</div>
			<div class="col-2 text-center animatable" data-delay="300">
				<a href="javascript:void(0)"><img src="images/case2.png" srcset="images/case1.png 2x" alt="政府机关" class="img-fluid" /></a>
			</div>
		</div>
	</div>
</div>

<div th:fragment="bottom2">
	<!-- Footer -->
	<footer>
		<div class="container">
			<div class="row align-items-center">
				<div class="col-lg-3 text-center text-lg-left animatable">
					<a href="index.html" class="logo">
						<!-- <img src="https://public.feeclouds.com/homepage/imgs/logo.svg" class="img-fluid" /> -->
						<img src="images/logo.png" width=50% />
					</a>
				</div>
				<div class="col-lg-6 d-flex flex-wrap justify-content-center links animatable" data-delay="150">
					<!-- <a href="./" class="active">Home</a> -->
					<a href="product.html">产品功能</a>
					<a href="partner.html">渠道代理</a>
					<a href="business.html">商务合作</a>
					<a href="company.html">关于我们</a>
				</div>
				<div  class="col-lg-3 text-center text-lg-right copyright animatable" data-delay="300">
					<a style='color:#C3C3C3' target="_blank" href="https://beian.miit.gov.cn/">
						京ICP备xxxxxxxx号
					</a>
					<p style='line-height: 30px;margin-bottom: 0;'>
						<a style='color:#C3C3C3' target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=xxxxxxxx">
							<img src="images/batb.png"/>
							<span>京公网安备 xxxxxxxx号</span>
						</a>
					</p>
				</div>
			</div>
		</div>
	</footer>
	<!-- Slick Slider -->
	<script src="js/slick.min.js"></script>
	<!-- All custom scripts (uncomment .min if you want) -->
	<script src="js/scripts.js"></script>
	<!-- <script src="js/scripts.min.js"></script> -->
	<script src='static/homepage/login.js'></script>
	<script>

		(function(a,h,c,b,f,g){a["UdeskApiObject"]=f;a[f]=a[f]||function(){(a[f].d=a[f].d||[]).push(arguments)};g=h.createElement(c);g.async=1;g.charset="utf-8";g.src=b;c=h.getElementsByTagName(c)[0];c.parentNode.insertBefore(g,c)})(window,document,"script","../assets-cli.udesk.cn/im_client/js/udeskApi.js","ud");
		ud({
			"code": "48g6j5a",
			"link": "https://baoxiao.udesk.cn/im_client/?web_plugin_id=38474",
			'selector': '#window-modal',
			'noBubble':true,
			'css':{display:'none'},
			"pop": {
				'css':{display:'none'}
			},
			'mobile':{
				'css':{width:'70vw'}
			}
		});
	</script>
	<script>
		let id = window.location.href.split('?');
		if (id.length > 1) {
			$('.section-nav-btn').removeClass('active-nav-btn');
			$('#' + id[1]).addClass('active-nav-btn');
			$('.hide-con').hide();
			$('.' + id[1] + '-section').show()
		}
	</script>
	<script>

		var _hmt = _hmt || [];
		(function() {
			var hm = document.createElement("script");
			hm.src = "../hm.baidu.com/hm4692.js?47a217fb9d337dd620d6516263625d9e";
			var s = document.getElementsByTagName("script")[0];
			s.parentNode.insertBefore(hm, s);
		})();
	</script>

</div>